.tab-box {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: background-color 0.3s, border-color 0.3s;
}

.tab-icon {
    margin-right: 8px;
}

.tab-active {
    background-color: #e6f7ff; /* Light blue background for active tab */
    border-color: #1890ff; /* Ant Design primary color for border */
}

.ant-tabs-tab:hover .tab-box {
    background-color: #ecf6fd; /* Lighter blue background for hover state */
    border-color: #1890ff; /* Ant Design primary color for border */
}